<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>Upixels</title>
    <script src="./js/panoviewer.js"></script>
    <script src="./js/event_handle.js"></script>
<script type="text/javascript" src="js/inertia.js" ></script>
    <script src="./js/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="./js/jsStyle.js"></script>
    <style>
		body{height:100%;overflow:hidden;padding:0;margin:0;background:black;}
		html{height:100%;overflow:hidden;padding:0;margin:0;font-family:Arial;font-size:12px;color:white;-webkit-text-size-adjust:none}
	</style>
</head>

<body>
<div id="testmodule">
    <canvas id="canvas" style="position:absolute;width: 100%;height: 100%">
    </canvas>

  


</div>

<script>

     upixelsPanoViewer('canvas','pano.jpg');
	 updateModel(1);
     var resizeTimer = null;
	 doResize();
	function doResize(){
	    panoviewer_update_quat(quat, fovy, distance);
	}


	 window.onresize = function(){
		if( resizeTimer == null) {
			resizeTimer = setTimeout("doResize()",1000);
		}

	}

</script>
</body>
</html>
